<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>会议详情</title>
    <link href="__PUBLIC__/Home/css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/css/mui.picker.css"/>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/css/mui.dtpicker.css"/>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/css/mui.picker.min.css"/>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/css/feedback.css"/>
    <script src="__PUBLIC__/Home/js/mui.min.js"></script>
    <script src="__PUBLIC__/Home/js/mui.picker.min.js"></script>
    <script src="__PUBLIC__/Home/js/jquery.min.js"></script>
    <style>
		body {
			font-family: "微软雅黑";
			background: #CCCCCC;
		}
        .member{
            font-size: 10px;
            padding:4px;
            color:gray;
            display: block;
            float: left;
            margin:3px;
            text-align: center;
            position: relative;
        }
        .member img{
            width: 30px;
            height: 30px;
        }
        .dep{
            border:1px solid green;
            border-radius: 4px;
            font-size: 12px;
            padding:4px;
            color:gray;
            text-align: center;
            position: relative;
            margin:6px auto;
        }
        .anniu{
            width:95%;
            height:45px;
            margin-bottom:5px;
        }
	</style>
</head>
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script type="text/javascript" charset="utf-8">
    wx.config({
        //关闭调试模式
        debug: false,
        appId: "{$signPackage.appId}",
        timestamp: "{$signPackage.timestamp}",
        nonceStr: "{$signPackage.nonceStr}",
        signature: "{$signPackage.signature}",
        jsApiList: [
            'closeWindow',
            'openEnterpriseContact',
            'hideOptionMenu'
        ]
    });
    wx.ready(function(){
        //alert('ok');
        wx.hideOptionMenu(); //隐藏又上角菜单
    });
    wx.error(function(res){
        alert('签名失败');
    });
</script>
<body>
 
<div class="mui-content">
    <form class="mui-input-group" action="__SELF__" method="post">
        <div class="mui-input-row">
            <label>会议室:</label>
            <input type="text" name='meeting_room_name' value="<?php echo $room_name; ?>" readonly="readonly">
        </div>

        <div class="mui-input-row" style="margin-top:5px;">
            <label>开始时间:</label>
            <input type="text" id="btn1" name='start_time' value="<?php echo $date.' '.$use_time[0]; ?>" data-options='{"type":"time"}'>
        </div>
        <div class="mui-input-row">
            <label>结束时间:</label>
            <input type="text" id="btn2" name='end_time' value="<?php echo $date.' '.$use_time[1]; ?>" data-options='{"type":"time"}'>

        </div>

        <div class="mui-input-row">
	        <label>会议主题:</label>
            <input type="text" name='theme'  placeholder="输入会议主题"  >
	    </div>

	    <div class="mui-input-row">
	        <label>会议议题:</label>
            <input type="text" name='subject'  placeholder="输入会议议题"  >
	    </div>

		<div class="mui-input-row">
	        <label>主持人:</label>
            <div id="zhuchiren" style="padding-top:3px;">
                <button type="button"  class="mui-btn-success" id="host">请选择主持人</button>
            </div>
	    </div>

	    <div class="mui-input-row">
	        <label>参会人员:</label>
            <button type="button" style="margin-top:3px;" class="mui-btn-success" id="canhui">打开通讯录选择参会人员</button>
	    </div>
        <div id="canhuiry" style="margin-left:35%">

        </div>

	    <div class="mui-input-row">
	        <label>参会部门:</label>
            <button type="button" style="margin-top:3px;" class="mui-btn-success" id="bumen">打开通讯录选择参会部门</button>
	    </div>
        <div id="canhui_bumen" style="margin-left:35%;margin-right:10px">

        </div>
        <ul class="mui-table-view">
            <li class="mui-table-view-cell mui-collapse">
                <a class="mui-navigate-right" href="#">选择参会群组</a>
                <div class="mui-collapse-content">
                    <ul class="mui-table-view" style="margin-top:0px">
                        <div class="mui-row" style="background:#EEEEEE">
                            <?php foreach($group as $k=>$v){ ?>
                            <div class="mui-input-row mui-checkbox mui-left">
                                <label><?php echo $v['name']?></label>
                                <input alias="qz" name="groupid[]" value="<?php echo $v['id']; ?>" type="checkbox" >
                            </div>
                            <?php } ?>
                        </div>
                    </ul>
                </div>
            </li>
        </ul>

	    <div class="mui-input-row">
	        <label>外参会人员:</label>
            <input type="text" name="wai_users" placeholder="可以为空！多个人用,号分开">
	    </div>

		<div class="mui-input-row">
	        <label>备注:</label>
	    		<input type="text"   placeholder="输入会议备注"  name='intro' >
	    </div>

	    <div class="mui-input-row">
	        <label>承办部门:</label>
            <input type="text" name='cb_bumen' value="<?php echo $user_info['bumen_name']; ?>" placeholder="输入承办部门"   >
	    </div>

	    <div class="mui-input-row">
	        <label>会议申请人:</label>
            <input type="text" name='apply' value="<?php echo $user_info['user_name']; ?>" placeholder="发起人" readonly="readonly">
        </div>


	    <div class="mui-input-row">
	        <label>联系电话:</label>
            <input type="text" name='tel'  value="<?php echo $user_info['mobile']; ?>"  placeholder="输入联系电话" >
	    </div>

        <ul class="mui-table-view">
            <li class="mui-table-view-cell mui-collapse">
                <a class="mui-navigate-right" href="#">会前提醒请点击选择--默认不提醒</a>
                <div class="mui-collapse-content">
                    <ul class="mui-table-view" style="margin-top:0px">
                        <div class="mui-row" style="background:#EEEEEE">
                            <div class="mui-input-row mui-checkbox mui-left">
                                <label>会前10分钟提醒</label>
                                <input name="warm[]" value="1" type="checkbox" >
                            </div>
                            <div class="mui-input-row mui-checkbox mui-left">
                                <label>会前一天晚上5:00提醒</label>
                                <input name="warm[]" value="2" type="checkbox">
                            </div>
                            <div class="mui-input-row mui-checkbox mui-left">
                                <label>会议当天早上7:00提醒</label>
                                <input name="warm[]" value="3" type="checkbox">
                            </div>
                        </div>
                    </ul>
                </div>
            </li>
        </ul>
		<div style="text-align:center">
			<button type="button" style="margin-top:5px;" onclick="jcContent('add');" class="anniu mui-btn mui-btn-primary">提交</button>
			<button type="button"   id="save" onclick="jcContent('save');" class="anniu mui-btn mui-btn-primary mui-btn-outlined">保存</button>
		</div>
        <input type="hidden" name="room_id" value="{$room_id}">
        <input type="hidden" name="sjd" value="{$sjd}">
        <input type="hidden" name="host_name">
        <input type="hidden" name="ch_userids">
        <input type="hidden" name="ch_bumens">
        <input type="hidden" name="stauts">
	</form>
	
</div>
</body>
<script>
    var ymd = '{$date}';  //日期
    var start_time = ymd+' '+'{$use_time[0]}';  //规定的开始时间
    start_time = transformDate(start_time);
    var end_time = ymd+' '+'{$use_time[1]}';  //规定的结束时间
    end_time = transformDate(end_time);
    var use_start_time = '';  //已选择的开始时间
    var use_end_time = '';   //已选择的结束时间

    //转换时间格式
    function transformDate(time){
        var date = new Date(time);
        var change_tiem = date.getTime();
        change_tiem = change_tiem/1000;
        return change_tiem;
    }

    //选择时间
    (function($) {
        $.init();
        var btn1 = document.getElementById('btn1');
        var btn2 = document.getElementById('btn2');
        use_time(btn1,'start');
        use_time(btn2,'end');
        function use_time(btn,type){
            btn.addEventListener('tap', function() {
                var optionsJson = this.getAttribute('data-options') || '{}';
                var options = JSON.parse(optionsJson);
                var id = this.getAttribute('id');
                var picker = new $.DtPicker(options);
                picker.show(function(rs) {
                    var time = ymd+' '+rs.text;
                    var uninx_time = transformDate(time)
                    if(type == 'start'){
                        if( uninx_time < start_time ){
                            alert('选择的开始时间不能小于规定的开始时间');
                            return false;
                        }else if( uninx_time > end_time ){
                            alert('选择的开始时间不能大于规定的结束时间');
                            return false;
                        }else if( use_end_time && (uninx_time >= use_end_time) ){
                            alert('选择的开始时间不能大于或等于已选择的结束时间');
                            return false;
                        }
                        use_start_time = uninx_time;
                    }else if(type == 'end'){
                        if(use_start_time){
                            if( uninx_time <= use_start_time ) {
                                alert('选择的结束时间不能小于或等于已选择的开始时间');
                                return false;
                            }
                        }else{
                            if( uninx_time <= start_time ) {
                                alert('选择的结束时间不能小于或等于规定的开始时间');
                                return false;
                            }
                        }
                        if( uninx_time > end_time ){
                            alert('选择的结束时间不能大于规定的结束时间');
                            return false;
                        }
                        use_end_time = uninx_time;
                    }
                    btn.value = time;
                    picker.dispose();
                });
            }, false);
        }
    })(mui);

</script>
<script>
    var user_all_info = {$user_all_info};  //所有成员信息
    var selectedUserIds = [];  //已选userID列表
    var selectedDepartmentIds = [];  //已选部门ID列表
    var selectedQunzuIds = [];  //已选群组ID列表
    var host_name = '';   //主持人
    var evalWXjsApi = function(jsApiFun) {
        if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") {
            jsApiFun();
        } else {
            document.attachEvent && document.attachEvent("WeixinJSBridgeReady", jsApiFun);
            document.addEventListener && document.addEventListener("WeixinJSBridgeReady", jsApiFun);
        }
    };
    document.getElementById('host').addEventListener('tap',function(){
        host_openContact();
    });
    document.getElementById('canhui').addEventListener('tap',function(){
        canhui_openContact();
    });
    document.getElementById('bumen').addEventListener('tap',function(){
        bumen_openContact();
    });

    //打开通讯录选择主持人
    function host_openContact(){
        //检测接口可用性
        wx.checkJsApi({
            jsApiList: [
                'openEnterpriseContact',
            ],
            success: function (res) {
            }
        });
        evalWXjsApi(function() {
            WeixinJSBridge.invoke("openEnterpriseContact", {
                "groupId": "{$groupId}",      //管理组权限验证步骤1返回的group_id
                "timestamp": "{$timestamp}",  //管理组权限验证步骤2使用的时间戳
                "nonceStr": "{$nonceStr}",    //管理组权限验证步骤2使用的随机字符串
                "signature": "{$signature}",  //管理组权限验证步骤2生成的签名
                "params" : {
                    'departmentIds' : [0],    // 非必填，可选部门ID列表（如果ID为0，表示可选管理组权限下所有部门）
                    'tagIds' : [],    // 非必填，可选标签ID列表（如果ID为0，表示可选所有标签）
                    'userIds' : [],    // 非必填，可选用户ID列表
                    'mode' : 'single',    // 必填，选择模式，single表示单选，multi表示多选
                    'type' : ['user'],    // 必填，选择限制类型，指定department、tag、user中的一个或者多个
                    'selectedDepartmentIds' : [],    // 非必填，已选部门ID列表
                    'selectedTagIds' : [],    // 非必填，已选标签ID列表
                    'selectedUserIds' : [],    // 非必填，已选用户ID列表
                },
            }, function(res) {
                if (res.err_msg.indexOf('function_not_exist') > -1) {
                    alert('版本过低请升级');
                } else if (res.err_msg.indexOf('openEnterpriseContact:fail') > -1) {
                    return;
                }
                var result = JSON.parse(res.result);    // 返回字符串，开发者需自行调用JSON.parse解析
                var selectAll = result.selectAll;     // 是否全选（如果是，其余结果不再填充）
                if (!selectAll) {
                    var selectedUserList = result.userList;    // 已选的成员列表
                    for (var i = 0; i < selectedUserList.length; i++) {
                        var user = selectedUserList[i];
                        var userId = user.id;    // 已选的单个成员ID
                        var userName = user.name;    // 已选的单个成员名称
                    }
                    host_name = userName;
                    userName = userName.substr(0, 3);
                    var host_html = '<label >'+userName+'</label><button type="button"  class="mui-btn-success" onclick="host_openContact();">重新选择</button>';
                    $('#zhuchiren').html(host_html);
                }
            })
        });
    }

    //打开通讯录选择参会人员
    function canhui_openContact(){
        evalWXjsApi(function() {
            WeixinJSBridge.invoke("openEnterpriseContact", {
                "groupId": "{$groupId}",      //管理组权限验证步骤1返回的group_id
                "timestamp": "{$timestamp}",  //管理组权限验证步骤2使用的时间戳
                "nonceStr": "{$nonceStr}",    //管理组权限验证步骤2使用的随机字符串
                "signature": "{$signature}",  //管理组权限验证步骤2生成的签名
                "params" : {
                    'departmentIds' : [0],    // 非必填，可选部门ID列表（如果ID为0，表示可选管理组权限下所有部门）
                    'tagIds' : [],    // 非必填，可选标签ID列表（如果ID为0，表示可选所有标签）
                    'userIds' : [],    // 非必填，可选用户ID列表
                    'mode' : 'multi',    // 必填，选择模式，single表示单选，multi表示多选
                    'type' : ['user'],    // 必填，选择限制类型，指定department、tag、user中的一个或者多个
                    'selectedDepartmentIds' : [],    // 非必填，已选部门ID列表
                    'selectedTagIds' : [],    // 非必填，已选标签ID列表
                    'selectedUserIds' : selectedUserIds,    // 非必填，已选用户ID列表
                },
            }, function(res) {
                if (res.err_msg.indexOf('function_not_exist') > -1) {
                    alert('版本过低请升级');
                } else if (res.err_msg.indexOf('openEnterpriseContact:fail') > -1) {
                    return;
                }
                var result = JSON.parse(res.result);    // 返回字符串，开发者需自行调用JSON.parse解析
                var selectAll = result.selectAll;     // 是否全选（如果是，其余结果不再填充）
                if (!selectAll)
                {
                    var selectedUserList = result.userList;    // 已选的成员列表
                    var canhui_html = '';
                    for (var i = 0; i < selectedUserList.length; i++) {
                        var user = selectedUserList[i];
                        var userId = user.id;    // 已选的单个成员ID
                        var userName = user.name;    // 已选的单个成员名称
                        selectedUserIds[i] = userId ;
                        userName = userName.substr(0,3);
                        var image = getImage(userId);
                        canhui_html += "<span class='member'><img src='" + image + "'/><br/>" + userName + "<i style='border-radius: 20px; position: absolute;top: -.4em;right: -.4em;'><img  onclick='rmuserid(this);' userid='" + userId + "' src='__PUBLIC__/Home/img/remove.png' style='width:19px;height:19px;'/></i></span>";
                    }
                    $('#canhuiry').html(canhui_html);
                    $('#canhui').html('继续选择参会人员')
                }
            })
        });

    }

    //打开通讯录选择参会部门
    function bumen_openContact(){
        evalWXjsApi(function() {
            WeixinJSBridge.invoke("openEnterpriseContact", {
                "groupId": "{$groupId}",      //管理组权限验证步骤1返回的group_id
                "timestamp": "{$timestamp}",  //管理组权限验证步骤2使用的时间戳
                "nonceStr": "{$nonceStr}",    //管理组权限验证步骤2使用的随机字符串
                "signature": "{$signature}",  //管理组权限验证步骤2生成的签名
                "params" : {
                    'departmentIds' : [0],    // 非必填，可选部门ID列表（如果ID为0，表示可选管理组权限下所有部门）
                    'tagIds' : [],    // 非必填，可选标签ID列表（如果ID为0，表示可选所有标签）
                    'userIds' : [],    // 非必填，可选用户ID列表
                    'mode' : 'multi',    // 必填，选择模式，single表示单选，multi表示多选
                    'type' : ['department'],    // 必填，选择限制类型，指定department、tag、user中的一个或者多个
                    'selectedDepartmentIds' : selectedDepartmentIds,    // 非必填，已选部门ID列表
                    'selectedTagIds' : [],    // 非必填，已选标签ID列表
                    'selectedUserIds' : [],    // 非必填，已选用户ID列表
                },
            }, function(res) {
                if (res.err_msg.indexOf('function_not_exist') > -1) {
                    alert('版本过低请升级');
                } else if (res.err_msg.indexOf('openEnterpriseContact:fail') > -1) {
                    return;
                }
                var result = JSON.parse(res.result);    // 返回字符串，开发者需自行调用JSON.parse解析
                var selectAll = result.selectAll;     // 是否全选（如果是，其余结果不再填充）
                if (!selectAll)
                {
                    var selectedDepartmentList = result.departmentList;    // 已选的部门列表
                    var bm_html = '';
                    for (var i = 0; i < selectedDepartmentList.length; i++) {
                        var department = selectedDepartmentList[i];
                        var departmentId = department.id;    // 已选的单个部门ID
                        selectedDepartmentIds[i] = departmentId;
                        var departemntName = department.name;    // 已选的单个部门名称
                        bm_html += "<div class='dep'>" + departemntName + "<i style='border-radius: 20px; position: absolute;top: -.6em;right: -.4em;'><img onclick='rmdepid(this);' depid='" + departmentId + "' src='__PUBLIC__/Home/img/remove.png' style='width:19px;height:19px;'/></i></div>";
                    }
                    $('#canhui_bumen').html(bm_html);
                    $('#bumen').html('继续旋择参会部门')
                }
            })
        });

    }

    //获取用户userid头像
    function getImage(userid){
        for(var i in user_all_info){
            if(i == userid){
                return user_all_info[i].avatar;
            }
        }
    }

    //删除已选成员函数
    function rmuserid(a){
        var userid = $(a).attr('userid');
        for(var i=0;i<selectedUserIds.length;i++){
            if(selectedUserIds[i] == userid){
                selectedUserIds.splice($.inArray(userid,selectedUserIds),1);
            }
        }
        $(a).parent().parent().remove();
    }

    //删除已选部门函数
    function rmdepid(a){
        var depid = $(a).attr('depid');
        for(var i=0;i<selectedDepartmentIds.length;i++){
            if(selectedDepartmentIds[i] == depid){
                selectedDepartmentIds.splice($.inArray(depid,selectedDepartmentIds),1);
            }
        }
        $(a).parent().parent().remove();
    }

    //检测各项数据
    function jcContent(str){
        //检测时间
        var ks_time = $('input[name=start_time]').val();
        var js_time = $('input[name=end_time]').val();
        var _ks_time = transformDate(ks_time);
        var _js_time = transformDate(js_time);
        if(_js_time - _ks_time < 1800 ){
            mui.alert('选择的会议时间段不能小于半个小时','警告');
            return false;
        }
       //检测会议主题
        var theme = $('input[name=theme]').val();
        theme = theme.trim();

        //检测主持人
        if(!host_name){
            mui.alert('请选择主持人','警告');
            return false;
        }
        //检测参会人员
        var userids = selectedUserIds.join();  //获取参会人员
        var bumens = selectedDepartmentIds.join();  //获取参会部门
        //获取并检测参会群组
        var res = $("input[alias=qz]:checked");
        var qz_str = '';
        for(var i=0;i<res.length;i++){
            qz_str += res[i].value+',';
        }
        if(qz_str){
            qz_str = qz_str.substr(0, qz_str.length-1);
            ks_time = ks_time.substr(ks_time.indexOf(' ')+1);
            js_time = js_time.substr(js_time.indexOf(' ')+1);
            var time = ymd+'--'+ks_time+'--'+js_time;
            //调用检测群组函数

            var jcJg = jcQz(qz_str,time);
            if(jcJg != false){
                mui.alert('您选择的'+jcJg+'在当前时间段已有会议安排,请重新选择群组','警告');
                return false;
            }
        }

        //判断有没有选择至少一种参会人员
        if(!userids && !bumens && !qz_str){
            mui.alert('参会人员,参会部门,参会群组不能同时为空','警告');
            return false;
        }

        //检测承办部门
        var cb_bumen = $('input[name=cb_bumen]').val();
        cb_bumen = cb_bumen.trim();
        if( cb_bumen == '' ){
            mui.alert('承办部门不能为空','警告');
            return false;
        }
        //检测联系电话
        var tel = $('input[name=tel]').val();
        tel = tel.trim();
        if( tel == '' ){
            mui.alert('联系电话不能为空','警告');
            return false;
        }
        //组织post数据
        $('input[name=theme]').val(theme);
        $('input[name=host_name]').val(host_name);
        $('input[name=ch_userids]').val(userids);
        $('input[name=ch_bumens]').val(bumens);
        $('input[name=cb_bumen]').val(cb_bumen);
        $('input[name=tel]').val(tel);
        $('input[name=stauts]').val(str);

        $('form').submit();
    }

    //检测群组有没有被占用
    function jcQz(qzid,time){
        var jcJg = '';
        $.ajax({
            type : 'get',
            url : '__CONTROLLER__/ajax_jcqz',
            data : {qzid:qzid,time:time},
            async : false,
            success : function(e){
                jcJg = e;
            }
        });
        return jcJg;
    }
</script>
</html>
